M4. 我的

Note

低保真 UI Flow 在蓝湖，点击查看

M4. 我的

1. 显示宝贝信息，包括 头像、昵称、性别 以及 年龄
   • 若未添加宝贝信息，见 M4-1-1. 我的 - 未添加宝贝信息
2. 点击 编辑 按钮进入 M4-2. 我的 - 宝贝信息
3. 显示已绑定的设备，包括 设备缩略图、设备名称、设备所在 Wi-Fi 以及 设备电量，点击进入 M4-5. 我的 - 设备
   • 若未绑定设备，见 M4-1-2. 我的 - 未绑定设备
4. 点击 我的上传 按钮进入 M4-8-1. 我的 - 我的上传
5. 点击 我的客服 按钮进入 M4-6. 我的 - 我的客服
6. 点击 关于我们 按钮进入 M4-7. 我的 - 关于我们

M4-1-1. 我的 - 未添加宝贝信息

1. 点击 添加宝贝信息 按钮进入 M4-2-1. 我的 - 宝贝信息为空
2. 点击 编辑 按钮进入 M4-2-1. 我的 - 宝贝信息为空
3. 显示已绑定的设备，包括 设备缩略图、设备名称、设备所在 Wi-Fi 以及 设备电量，点击进入 M4-5. 我的 - 设备
   • 若未绑定设备，见 M4-1-2. 我的 - 未绑定设备
4. 点击 我的上传 按钮进入 M4-8-1. 我的 - 我的上传
5. 点击 我的客服 按钮进入 M4-6. 我的 - 我的客服
6. 点击 关于我们 按钮进入 M4-7. 我的 - 关于我们

M4-1-2. 我的 - 未绑定设备

1. 点击 添加宝贝信息 按钮进入 M4-2-1. 我的 - 宝贝信息为空
2. 点击 编辑 按钮进入 M4-2-1. 我的 - 宝贝信息为空
3. 点击 开始连网 按钮为设备进行配网，见 MX-2. 配网
4. 点击 我的上传 按钮进入 M4-8-1. 我的 - 我的上传
5. 点击 我的客服 按钮进入 M4-6. 我的 - 我的客服
6. 点击 关于我们 按钮进入 M4-7. 我的 - 关于我们

M4-2. 我的 - 宝贝信息

1. 点击 返回 按钮返回至 M4. 我的
2. 点击 宝贝头像 弹出 Action Sheet，见 M4-3-1. 我的 - 宝贝信息 - 头像
3. 点击 宝贝昵称 进入 M4-3-2. 我的 - 宝贝信息 - 昵称
4. 点击 生日 弹出 Date Picker，见 M4-3-3. 我的 - 宝贝信息 - 生日
5. 年龄 的数值根据 生日 所填数值计算得出，格式有以下两种：
   • 1 岁 3 个月
   • 2 岁
6. 点击 性别 弹出 Action Sheet，见 M4-3-4. 我的 - 宝贝信息 - 性别
7. 手机号显示注册时填写的手机号
8. 点击 退出登录 按钮弹出 Action Sheet，见 M4-4. 我的 - 退出登录

M4-2-1. 我的 - 宝贝信息为空

1. 点击 返回 按钮返回至 M4-1-1. 我的 - 未添加宝贝信息
2. 点击 宝贝头像 弹出 Action Sheet，见 M4-3-1. 我的 - 宝贝信息 - 头像
3. 点击 宝贝昵称 进入 M4-3-2-1. 我的 - 宝贝信息 - 昵称为空
4. 点击 生日 弹出 Date Picker，见 M4-3-3-1. 我的 - 宝贝信息 - 生日为空
5. 年龄 的数值根据 生日 所填数值计算得出，格式有以下两种：
   • 1 岁 3 个月
   • 2 岁
6. 点击 性别 弹出 Action Sheet，见 M4-3-4. 我的 - 宝贝信息 - 性别
7. 手机号显示注册时填写的手机号
8. 点击 退出登录 按钮弹出 Action Sheet，见 M4-4. 我的 - 退出登录

M4-3-1. 我的 - 宝贝信息 - 头像

1. 点击 拍照 按钮，调出手机默认照相机进行拍照，拍照后裁切成圆形图片导入至 宝贝头像
2. 点击 相册 按钮，调出手机默认照相册选择照片，选择照片后裁切成圆形图片导入至 宝贝头像
3. 点击 取消 按钮关闭 Action Sheet 返回至前一个界面

M4-3-2. 我的 - 宝贝信息 - 昵称

1. 点击 返回 按钮返回至 M4-2. 我的 - 宝贝信息
2. 昵称 若没有发生变化，保存 按钮处于非激活状态；当 昵称 发生变化且符合 1 - 8 个字符的长度，保存 按钮处于激活状态，点击 保存 按钮保存变更的昵称并返回至 M4-2. 我的 - 宝贝信息
3. 光标聚焦在昵称处，点击 清空 按钮可清空已输入内容，清空后见 M4-3-2-1. 我的 - 宝贝信息 - 昵称为空

M4-3-2-1. 我的 - 宝贝信息 - 昵称为空

1. 点击 返回 按钮返回至 M4-2. 我的 - 宝贝信息
2. 昵称 若没有发生变化，保存 按钮处于非激活状态；当 昵称 发生变化且符合 1 - 8 个字符的长度，保存 按钮处于激活状态，点击 保存 按钮保存变更的昵称并返回至 M4-2. 我的 - 宝贝信息
3. 光标聚焦在昵称处，可输入 1 - 8 个字符的长度的昵称

M4-3-3. 我的 - 宝贝信息 - 生日

1. 显示用户的生日
2. 点击 完成 按钮关闭 Date Picker，保存已选择的生日并返回至 M4-2. 我的 - 宝贝信息

M4-3-3-1. 我的 - 宝贝信息 - 生日为空

1. 默认生日的日期为 2016 年 1 月 1 日，尽可能贴合用户群年龄段
2. 点击 完成 按钮关闭 Date Picker，保存已选择的生日并返回至 M4-2. 我的 - 宝贝信息

M4-3-4. 我的 - 宝贝信息 - 性别

1. 点击 男孩 保存用户性别为 男孩，关闭 Action Sheet 并返回至 M4-2. 我的 - 宝贝信息
2. 点击 女孩 保存用户性别为 女孩，关闭 Action Sheet 并返回至 M4-2. 我的 - 宝贝信息

M4-4. 我的 - 退出登录

1. 点击 退出登录 按钮退出当前已登录的账号，并返回至 MX-1. 登录
   • 已绑定设备下次登录后不会丢失已绑定设备的信息
2. 点击 取消 按钮关闭 Action Sheet 并返回至前一个界面

M4-5. 我的 - 设备

1. 点击 返回 按钮返回至 M4. 我的
2. 显示已绑定的设备，包括 设备缩略图、设备名称、设备所在 Wi-Fi 以及 设备电量
3. 点击 解除绑定 按钮弹出 Action Sheet，见 M4-5-1. 我的 - 设备 - 解除绑定

M4-5-1. 我的 - 设备 - 解除绑定

1. 点击 解除绑定 按钮进行解除绑定设备与账号操作，进入 M4-5-2. 我的 - 设备 - 解除绑定中
2. 点击 取消 按钮关闭 Action Sheet 并返回至 M4-5. 我的 - 设备

M4-5-2. 我的 - 设备 - 解除绑定中

1. 请求服务器进行解绑操作
   • 解绑成功的话，见 M4-5-3. 我的 - 设备 - 解除绑定成功
   • 解绑失败的话，见 M4-5-4. 我的 - 设备 - 解除绑定失败

M4-5-3. 我的 - 设备 - 解除绑定成功

Success

此提示为通知类 Toast 提示

1. 提示停留 3 秒之后收起，并返回至 M4-1-2. 我的 - 未绑定设备
   • 保留宝贝信息

M4-5-4. 我的 - 设备 - 解除绑定失败

Failure

此提示为警告 / 错误类 Toast 提示

1. 点击 知道了 按钮关闭 Alert，返回至 M4-5. 我的 - 设备
   • 请提供对应的 errorCode

M4-6. 我的 - 我的客服

1. 点击 返回 按钮返回至 M4. 我的
2. 接入云客服的 HTML5 页面，显示对应的网页内容

M4-6-1. 我的 - 我的客服 - 加载失败

1. 点击 返回 按钮返回至 M4. 我的
2. 点击 重新加载 按钮尝试重新加载页面，见 M4-6-2. 我的 - 我的客服 - 重新加载

M4-6-2. 我的 - 我的客服 - 重新加载

1. 点击 返回 按钮返回至 M4. 我的
2. 尝试重新加载页面内容
   • 若加载成功，则进入 M4-6. 我的 - 我的客服
   • 若超过 30 秒还是加载失败，则返回至 M4-6-1. 我的 - 我的客服 - 加载失败

M4-7. 我的 - 关于我们

1. 点击 返回 按钮返回至 M4. 我的
2. 显示 App 图标、名称 以及 版本号
3. 点击 关注微信 按钮进入 M4-7-1-1. 我的 - 关于我们 - 关注微信
4. 点击 去评分 按钮进入对应设备默认的应用商店进行评分操作
5. 点击 用户协议 进入对应的 HTML5 页面
6. 点击 隐私政策 进入对应的 HTML5 页面
7. 显示 Copyright 信息

M4-7-1-1. 我的 - 关于我们 - 关注微信

1. 显示公众号的二维码
2. 点击 保存图片 按钮保存这张二维码至用户相册，并进入 M4-7-1-2. 我的 - 关于我们 - 提示打开微信

M4-7-1-2. 我的 - 关于我们 - 提示打开微信

1. 点击 打开微信 按钮打开微信

M4-8-1. 我的 - 我的上传

1. 点击 返回 按钮返回至 M4. 我的
2. 显示上传的网址，具体以最终生产环境为准
3. 点击 扫一扫 按钮进入 M4-8-2. 我的 - 我的上传 - 扫一扫

M4-8-2. 我的 - 我的上传 - 扫一扫

1. 点击 返回 按钮返回至 M4-8-1. 我的 - 我的上传
2. 显示上传的网址，具体以最终生产环境为准
3. 扫描二维码区域：
   • 若扫描到上传平台确认登录的二维码，进入 M4-8-3. 我的 - 我的上传 - 确认登录
   • 若扫描到其他二维码，进入 M4-8-2-1. 我的 - 我的上传 - 扫一扫 - 扫描非登录二维码

M4-8-2-1. 我的 - 我的上传 - 扫一扫 - 扫描非登录二维码

1. 点击 知道了 按钮关闭 Alert，返回至 M4-8-2. 我的 - 我的上传 - 扫一扫

M4-8-3. 我的 - 我的上传 - 确认登录

1. 点击 确认登录 按钮，判断是否已超时：
   • 未超时的话，进入 M4-8-3-1. 我的 - 我的上传 - 登录成功
   • 若超过 120 秒的超时时间，进入 M4-8-3-2. 我的 - 我的上传 - 登录超时
2. 点击 取消登录 按钮返回至 M4-8-1. 我的 - 我的上传
3. 提示登录网页版的信息

M4-8-3-1. 我的 - 我的上传 - 登录成功

Success

此提示为通知类 Toast 提示

1. 提示停留 3 秒之后收起，并返回至 M4. 我的

M4-8-3-2. 我的 - 我的上传 - 登录超时

1. 点击 重新扫码 按钮返回至 M4-8-2. 我的 - 我的上传 - 扫一扫
2. 点击 取消登录 按钮返回至 M4-8-1. 我的 - 我的上传
3. 提示登录已超时，需要重新扫码